<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>File Upload Field Example</title>
    <link rel="stylesheet" type="text/css" href="../tools/ext/resources/css/ext-all.css" />
    <script type="text/javascript" src="../tools/ext/adapter/ext/ext-base.js"> </script>
    <script type="text/javascript" src="../tools/ext/ext-all-debug.js"> </script>

    <link rel="stylesheet" type="text/css" href="file-upload.css"/>
    <script type="text/javascript" src="../tools/ext//ux/FileUploadField.js"></script>
    <script type="text/javascript" src="VolGrid.js"></script>
    <script type="text/javascript" src="file-upload.js"></script>

    <link rel="stylesheet" type="text/css" href="../tools/ext/shared/examples.css" />
    <style type="text/css">
        .upload-icon {
            background: url('../tools/ext/shared/icons/fam/image_add.png') no-repeat 0 0 !important;
        }
        #fi-button-msg {
            border: 2px solid #ccc;
            padding: 5px 10px;
            background: #eee;
            margin: 5px;
            float: left;
        }
    </style>
</head>
<body>
    <h1>File Upload Field</h1>

    <p>
        <b>Form Example</b><br />
        The FileUploadField can also be used in standard form layouts, with support for anchoring, validation (the
        field is required in this example), empty text, etc.  This example also demonstrates using the
        <tt>buttonCfg</tt> option to provide a customized icon upload button.
    
    <div id="fi-form"></div>
    <br />
    <div id="fi-grid"></div>
</body>
</html>
